import React from "react";
import { useNavigate } from "react-router-dom";
import { routeChildList } from "../../route";
import { TabBar } from "antd-mobile";
const Index = () => {
  const navigate = useNavigate();
  return (
    <TabBar onChange={(key) => navigate(key)}>
      {routeChildList.map((item) => (
        <TabBar.Item key={item.path} icon={item.icon} title={item.title} />
      ))}
    </TabBar>
  );
};

export default Index;
